<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <link rel="stylesheet" type="text/css" href="static/regist/css/regist.css">
    <script type="text/javascript" src="static/regist/js/jquery.min.js"></script>

           <script>
            function check2pwd() {
                    if(pwd1.value != pwd2.value) {
                        alert("两次输入密码不一致！")
                        input1.value = "";
                        input2.value = "";
                    }
            }
        </script>


</head>
<body>
    <div class="wrapper">
        <article>
            <h1><span>Flask Web</span></h1>
            <div class="main">
                <form action="result.html"  method="post">
                    <div class="tel">
                        <input name="tel"  minlength="8"    maxlength=”11” placeholder="登录账号ID"><em>由8-11个数字或英文组成！</em>
                    </div>
                    <div class="userName">
                        <input type="text" name="userName" minlength="5" maxlength="12" placeholder="用户名"><em>由5-8个英文组成！</em>
                    </div>
                    <div class="password">
                        <input type="password" id="pwd1"  name="password"  minlength="8" maxlength="12" placeholder="密码"><em>使用字母、数字、符号等，8-12个字符</em>
                    </div>
                    <div class="againpwd">
                        <input type="password" id="pwd2"  placeholder="再次输入密码"  onblur="check2pwd()">
                    </div>
                    <button>注册</button>
                </form>
            </div>
        </article>
        <footer>
            <p>本网站版权归我所有，未经许可，不得转载。 </p>
        </footer>
    </div>
</body>
</html>
